<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>https://www.yooli.com/secure/landing/15.html?sid=25&aid=firefox1 2</title>
	<style type="text/css">
	    html {overflow-y:scroll;}
		body {margin:0; padding:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif;/*background:#ffffff;*/}
		div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
		table,td,tr,th{font-size:12px;}
		ol,ul {list-style:none;}
		li{list-style-type:none;}
		img{vertical-align:top;border:0;}
		h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
		address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
		.hx a,.hx em,.fB{font-weight:bold;}
		.clearfix{*zoom:1;}
		.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
		a {color:#252525; text-decoration:none;}
		a:visited {text-decoration:none;}
		a:hover {color:#ba2636;text-decoration:underline;}
		a:active {color:#ba2636;}


        /*<!-- 页面外围 -->*/
		.wrapper{
			background: #F0F4F7 none repeat scroll 0% 0%;
		}
		/*头部*/
		.header{
			height:70px;
		}
		.head{
			width:1000px;
			height:70px;
			margin:0 auto;
		}
		.h-left img{
			float:left;
			margin: 10px 0px;
		}
		.h-right{
			float:right;
			width:228px;
			height:40px;
			margin-top:18px;
		}
		.h-right a{
			font:16px/1.5 Microsoft YaHei,Helvetica,Tahoma;
			width: 94px;
            height: 40px;
            display:block;
            margin-right: 15px;
            float: left;
            text-align: center;
            line-height: 40px;
			background: url(images/sprites.gif) no-repeat -100px center;
		}
		.h-right a:hover{
			width: 94px;
            height: 40px;
			text-decoration: none;
			background-position:-3px -2px;
			color:#fff;
		}
		/*头部*/



		/*中部*/
		.container{
			height:409px;
			background:url(images/331.jpg) no-repeat center bottom;
		}
		.body{
			margin: 0 auto;
			width:960px;
			height:409px;
		}

		/*侧栏*/
		.sidebar{
			width:268px;
			height:409px;
			float:right;
			background: rgba(0, 0, 0,0.5) none repeat scroll 0% 0%;
		}
		.s-right{
			width: 212px;
		    height: 227px;
		    margin-left: 20px;
    		margin-top:55px;
}

		}
		.s-right ul li label{
			font-size: 12px;
			line-height: 22px;
		}
		.s-right ul li{
			margin-bottom: 10px;
			color:#FFF;
		}


		.s-right input{
			width:180px;
			height:29px;
			padding-left:25px;
			border: 1px solid #B4B9BD;
			border-radius: 3px;
			background:url(images/ylw.gif)  white no-repeat 3px 8px;
		}


		.user-name input{
			background-position: 3px -34px;
		}
		
		.ma input{
			background-position: 3px -75px;
		}

		.yzm input{
			width:82px;
			height:28px;
			background: none;
			background-color: white;

		}
		.s-bottom img{
			width:237px;
			height:49px;
			margin: 10px 15px;
		}

		.s-checkbox{
			color:#FFF;
		}
		.s-checkbox a{
			color:#FFF;
			text-decoration:underline;

		}
		.s-checkbox p{
			margin-left: 16px;
			line-height: 1.6em;
		}
		.s-checkbox p input{
			width:13px;
			height:15px;
			vertical-align:middle;
			margin-right: 3px;
		}

		/*侧栏*/
		/*中部*/


         /*主体大层*/
		.content{
			height:516px;
			font:13px/1.5 Microsoft YaHei,Helvetica,Tahoma;
			background: url(images/bg_1.png) repeat-x scroll 0px -20px;
		}
		.c-main{
			width:993px;
			height:504px;
			margin: 0 auto;
		}
		/*主体上面*/
		.top{
			height:257px;
		}
		.t-left{
			width:287px;
			height:271px;
			float:left;

		}
		.l-top{
			width:268px;
			height:42px;
			margin: 0 auto;
			margin-top: 49px;
		}
		.l-top img{
			float:left;
			width:41px;
			height:40px;
		}
		.l-top h1{
			width:73px;
			height:33px;
			float:left;
			color: #232D3B;
			margin: 5px 25px;
			font-size: 24px;
			
		}
		.top-1 img{
			float:right;
			width:101px;
			height:43px;
		}

		.c-body{
			width:681px;
			height:275px;
			float:right;
		}
		.l-bottom{
			
			margin: 22px 13px;
			line-height:26px;
			color: #475058;
		}
		.l-bottom span{
			color: #335C7D;
		}
		.b-body{
			width:666px;
			height:195px;
			margin:0 auto;
			font-size: 20px;
		}
		.plans-a{
			float:left;
			width:157px;
			height:180px;
			margin: 50px 4px;
		}
		.plans-a h2{
			width:155px;
			height:64px;
			color: #FFF;
			text-align: center;
			line-height: 60px;
			background: #3BB0AB none repeat scroll 0% 0%;
		}
		.s-left{
			width:155px;
			height:125px;
			text-align: center;
			color: #475058;
			background: #63e2dc;
			font-size: 12px;
		}
		.subnav-2{
			float:left;
			width:157px;
			height:180px;
			margin: 50px 4px;
		}
		.subnav-2 h3{
			width:155px;
			height:64px;
			color: #FFF;
			text-align: center;
			line-height: 60px;
			background: #60b855;
		}
		.s-left-2{
			width:155px;
			height:125px;
			text-align: center;
			color: #475058;
			background: #9dd995;
			font-size: 12px;
		}
		.subnav-3{
			float:left;
			width:157px;
			height:180px;
			margin: 50px 4px;
		}
		.subnav-3 h4{
			width:155px;
			height:64px;
			color: #FFF;
			text-align: center;
			line-height: 60px;
			background: #ffb312;
		}
		.s-center{
			width:155px;
			height:125px;
			text-align: center;
			color: #475058;
			background: #ffdb63;
			font-size: 12px;
		}
		.subnav-4{
			float:left;
			width:157px;
			height:180px;
			margin: 50px 4px;
		}
		.subnav-4 h5{
			width:155px;
			height:64px;
			color: #FFF;
			text-align: center;
			line-height: 60px;
			background: #ff5c5c;
		}
		.s-you{
			width:155px;
			height:125px;
			text-align: center;
			color: #475058;
			background: #ffeeee;
			font-size: 12px;
		}
		.bd{
			font-size: 24px;
			
		}
		span.benxi{
			font-size: 14px;
			line-height:59px;
		}
		span.you8{
			font-family: Tahoma;
            color: #475058;
            font-weight: bold;
            width:20px;
            font-size:40px;
		}
		span.you9{
			font-family: Tahoma;
            color: #475058;
            font-weight: bold;
            width:20px;
			font-size: 30px;
		}
		span.time{
			font-size: 18px;
		}
		.bz{
			font-size: 14px;
			line-height: 16px;
		}
		/*主体上面*/

		/*主体下面*/
		.zjt{
			width:919px;
			height:28px;
			background: url(images/line.png) no-repeat center;
		}
		.bottom{
			width:993px;
		}
		.b-left{
			width:287px;
			height:271px;
			float:left;

		}
		.a-top{
			width:268px;
			height:42px;
			margin: 0 auto;
			margin-top: 49px;
		}
		.a-top img{
			float:left;
			width:41px;
			height:40px;
		}
		.a-top h2{
			width:73px;
			height:33px;
			float:left;
			color: #232D3B;
			margin: 5px 25px;
			font-size: 24px;
		}
		.t-a img{
			float:right;
			width:103px;
			height:37px;
		}
		.bottom1{
			margin: 22px 13px;
			line-height:26px;
			color: #475058;
		}
		.bottom1 span{
			color:#18B160;
		}
       .b-right{
       	float:right;
       	width:681px;
       	height:250px;
       	font-size: 12px;
       	color: #475058;
       	margin-top: 48px;
       }
       div.diyi{
       	width:650px;
       	height:35px;
       	background:#FBF2F2 ;
       	margin-bottom: 5px;
       	line-height: 18px;
       	text-align: center;
       	display: inline-block;
       	margin-left: 10px;
       }
       .diyi ul li{
			float:left;
			text-align: center;
		    line-height: 35px;
		}
       .dy1{
       	width:25%;
       }
        .dy2{
       	width:20%;
       }
        .dy3{
       	width:15%;
       }
        .dy4{
       	width:20%;
       }
        .dy5{
       	width:20%;
       }
       .dy2 span{
       	color:#18B160;
       }
       .dith ul li{
       	font-size: 13px;
       }
        /*主体下面*/

       /*主体大层*/

        /*位于中部下方*/
       .zdc{
       	height: 570px;
       	background:#FFF5D7 none repeat;
       }
       .z-main{
       	width:960px;
       padding-top: 48px;	
       	margin:0 auto;
       }
       .z-1{
       	width:960px;
       	height:179px;
       	background: url(images/pic_2.jpg) no-repeat;
       }
       .z-2{
       	width:960px;
       	height:69px;
       }
        .fk{
       	float:right;
       	width:684px;
       	height:56px;
       }
       .fk li{
       	float: left;
       	width:133px;
       	height:45px;
        font-size:12px;
       	background: #FF7F2A;
       	text-align: center;
       	padding-top:10px;
       	color: #FFF;

       }
      
        .k-2{
       
       	margin-left: 110px;

       }
        .k-3{
       
       	margin-left: 115px;

       }


       .z-3{
       	width:960px;
       	height:179px;
       	background: url(images/pic_3.jpg) no-repeat;
       }
       
       .z-4{
       	width:960px;
       	height:69px;


       }
        .fh{
       	float:right;
       	width:684px;
       	height:56px;
       }
       .fh li{
       	float: left;
       	width:133px;
       	height:45px;
        font-size:12px;
       	background: #FF7F2A;
       	text-align: center;
       	padding-top:10px;
       	color: #FFF;

       }
       .k-4{
       		margin-left: -249px;

       }
      
        .k-5{
       
       	margin-left: -2px;

       }
        .k-6{
       
       	margin-left: 115px;

       }
        .k-7{
       
       	margin-left: 115px;

       }
        /*位于中部下方*/


        /*底部上方*/
       .footer{
       	height:123px;
       	background:#FFE89E url(images/bg_3.png) repeat-x ;       }
       .f-center{
       	height:88px;
       	padding-top: 18px;
       }
       .f-an{
       	width:237px;
       	height:50px;
       	margin: 0 auto;
        margin-top: 30px;
       	background: url(images/zc_03.gif) no-repeat;
       }
       /*底部上方*/

       /*底部*/
       .foot{
       	height:32px;
       	background: #475058 none repeat;
       }
       .f-main{
       	width:960px;
       	height:32px;
       	margin: 0 auto;
       	font: 13px/1.5 Microsoft YaHei,Helvetica,Tahoma;
       }
       .ziti{
       	text-align: center;
       	line-height: 32px;
       	color: #C2C2C2;


       }
       .ziti a{
       	color: #C2C2C2;
       	text-decoration: none;
       	text-decoration: underline;
       }
       /*底部*/
       
     /*<!-- 页面外围 -->*/

      
















	
    </style>
    <body>
    	<!-- 页面外围 -->
    	<div class="wrapper">
    		<!-- 头部 -->
    		<div class="header">
	    		<div class="head">
	    			<div class="h-left">
	    				<img src="images/logo.png" alt="有利网">
	    			</div>
	    			<div class="h-right">
	    				 <a href="#">我要投资</a>
	    				 <a href="#">我的账户</a>
	    			</div>
	    		</div>
    		</div>
    		<!-- 头部 -->

    		<!-- 中部 -->

    		<div class="container">
    			<div class="body">
    				<!-- 侧栏 -->
    				<div class="sidebar">
    					<div class="s-right">
	    					<ul>
	    						<li class="user-name">
	    							<label>用户名</label>
	    							<br/>

	    							<input type="text" name="user" placeholder="请输入字母、数字或中文" style="color:#ccc;">
	    						</li>
	    						<li class="ma">
	    							<label>密&nbsp;&nbsp;码</label>
	    							<br/>

	    						    <input type="text" name="password" placeholder="请输入字母、数字或中文" style="color:#ccc;">
	    						</li>
	    						<li>
	    							<label>手&nbsp;&nbsp;机</label>
	    							<br/>

	    						    <input type="text" name="cellphone" placeholder="请输入字母、数字或中文" style="color:#ccc;">
	    						</li>
	    						<li class="yzm">
	    							<label>验证码</label>
	    							<br/>

	    							<input type="text" name="code" style="color:#ccc;">
	    							<img src="images/code.jsp.png" alt="" width="83" height="28">
	    						</li>
	    					</ul>
    					</div>
    					<div class="s-bottom">
    						<a href="#"><img src="images/zc_03.gif" alt=""></a>
    					</div>
    					<div class="s-checkbox">
    						<p>
    						   <input type="checkbox" checked="checked">同意<a href="#">注册协议</a>及<a href="#">投资咨询与管理服务协议</a>
    						</p>
    					</div>

    				</div>
    				<!-- 侧栏 -->
    			</div>
    			<div class="cleardix"></div>
    	    </div>
    	    <!-- 中部 -->


            <!-- 主体大层 -->
    	    <div class="content">
    	    	<div class="c-main">
    	    		 <!-- 主体上面 -->
    	    		<div class="top">
	    	    		<div class="t-left">
	    	    			<div class="l-top">
		    	    			<img src="images/bq_06.gif" alt="">
		    	    			<h1>定存宝</h1>
		    	    			<div class="top-1">
		    	    				<a href="#"><img src="images/bq_13.gif" alt=""></a>
		    	    			</div>
	    	    			</div>
	    	    				<p class="l-bottom">
	    	    					一次性加入，省去每天投资烦恼
	    	    					<br/>
									多种期限可选，满足不同流动性需求
									<br/>
									<span>
										每月返还收益，到期返还本金
									</span>
									<br/>
									1000元即可加入，期限内可随时赎回
	    	    				</p>
	    	    				
	    	    		</div>
	    	    		<div class="c-body">
	    	    			<div class="b-body">
	    	    				<div class="plans-a">
			    	    			<h2>定存宝A</h2>
			    	    			<div class="s-left">
										 <span class="you8">8</span>&nbsp;&nbsp;<span class="time">%</span>&nbsp;&nbsp; <span class="time">/ 3个月</span>
										 <br/>
										 年化利率&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 期限&nbsp; &nbsp;&nbsp; &nbsp; 
										 <br/>
										<span class="benxi">100%本息保障</span>
			    	    			</div>
		    	    			</div>
		    	    			<div class="subnav-2">
			    	    			<h3>定存宝B</h3>
			    	    			<div class="s-left-2">
										<span class="you8">9</span>&nbsp;<span class="time">%</span>&nbsp; <span class="time">/ 6个月</span>
										 <br/>
										 年化利率&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 期限&nbsp; &nbsp;&nbsp; &nbsp; 
										 <br/>
										 <span class="benxi">100%本息保障</span>
			    	    			</div>
		    	    			</div>
		    	    			<div class="subnav-3">
			    	    			<h4>定存宝C</h4>
			    	    			<div class="s-center">
										 <span class="you8">10</span>&nbsp;<span class="time">%</span>&nbsp;<span class="time">/12个月</span>
										 <br/>
										 年化利率&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     期限
										 <br/>
										<span class="benxi">100%本息保障</span>
			    	    			</div>
		    	    			</div>
		    	    			<div class="subnav-4">
			    	    			<h5>定存宝v</h5>
			    	    			<div class="s-you">
										 <span class="you9">7.6</span><span class="time">%</span>-<span class="you9">9.5</span><span class="time">%</span>
										 <br/>
										 年化利率
										 <br/>
										 <span class="bd">1-12</span>个月&nbsp;&nbsp;期限
										 <br/>
										 <span class="bz">100%本息保障</span>

			    	    			</div>
		    	    			</div>

	    	    			</div>
	    	    			
	    	    		</div>
    	    	   </div>
    	    	    <!-- 主体上面 -->


    	    	   <div class="zjt"></div>

    	    	   <!-- 主体下面 -->

    	    	   <div class="bottom">
    	    	   	   <div class="b-left">
	    	    			<div class="a-top">
		    	    			<img src="images/bq_08.gif" alt="">
		    	    			<h2>月息通</h2>
		    	    			<div class="t-a">
		    	    				<a href="#"><img src="images/bq_16.gif" alt=""></a>
		    	    			</div>
	    	    			</div>
	    	    				<p class="bottom1">
	    	    					享受每天自主投资乐趣
	    	    					<br/>
									年化收益率可达12.12%，是银行活期的35倍
									<br/>
									<span>
										每月还本付息，月月都有现金流
									</span>
									<br/>
									50元即可体验，期限内可随时赎回
	    	    				</p>
	    	    				
	    	    		</div>

	    	    		<div class="b-right">


		    	    		<div class="diyi dith">
			    	    		<ul>
			    	    			<li class="dy1">名称</li>
			    	    			<li class="dy2">年化收益率</li>
			    	    			<li class="dy3">金额</li>
			    	    			<li class="dy4">期限</li>
			    	    			<li class="dy5">担保方</li>
			    	    		</ul>
			    	    	</div>
			    	    	<div class="diyi">
			    	    		<ul>
			    	    			<li class="dy1">月息通 YAF14B0005</li>
			    	    			<li class="dy2"><span>10.00%</span></li>
			    	    			<li class="dy3">￥36,500</li>
			    	    			<li class="dy4">12个月</li>
			    	    			<li class="dy5">安家世行</li>
			    	    		</ul>
			    	    	</div>
			    	    	<div class="diyi">
			    	    		<ul>
			    	    			<li class="dy1">月息通 YDK14B0049</li>
			    	    			<li class="dy2"><span>10.00%</span></li>
			    	    			<li class="dy3">￥36,500</li>
			    	    			<li class="dy4">12个月</li>
			    	    			<li class="dy5">安家世行</li>
			    	    		</ul>
			    	    	</div>
			    	    	<div class="diyi">
			    	    		<ul>
			    	    			<li class="dy1">月息通 YAF14B0005</li>
			    	    			<li class="dy2"><span>10.00%</span></li>
			    	    			<li class="dy3">￥36,500</li>
			    	    			<li class="dy4">12个月</li>
			    	    			<li class="dy5">安家世行</li>
			    	    		</ul>
			    	    	</div>
	    	    		</div>
    	    	   </div>
                   <!-- 主体下面 -->

    	    	</div>

    	    </div>
    	    <!-- 主体大层 -->

    	    <!-- 位于中部下方 -->

    	    <div class="zdc">
    	    	<div class="z-main">
    	    		<div class="z-1"></div>
    	    		<div class="z-2">
    	    			<ul class="fk">
    	    				<li class="k-1">著名经济学家<br/>耶鲁终身教授</li>
    	    				<li class="k-2">前瑞士银行<br/>UBS中国区主席</li>
    	    				<li class="k-3">先声药业集团<br/>董事局主席</li>
    	    				
    	    			</ul>
    	    		</div>


    	    		<div class="z-3"></div>
    	    		<div class="z-4">
    	    			<ul class="fh">
    	    				<li class="k-4">美国德太投资<br/>TPG合伙人</li>
    	    				<li class="k-5">软银中国资本<br/>合伙人兼CEO</li>
    	    				<li class="k-6">晨兴资本<br/>合伙人</li>
    	    				<li class="k-7">晨兴资本<br/>合伙人</li>
    	    				
    	    			</ul>
    	    		</div>
    	    	</div>
    	    	
    	    </div>

    	    <!-- 位于中部下方 -->

            <!-- 底部上方-->
    	    <div class="footer">
    	    	<div class="f-center">
    	    		<div class="f-an"></div>
    	    	</div>
    	    </div>

    	    <!-- 底部上方-->


    	    <!-- 底部 -->

    	    <div class="foot">
    	    	<div class="f-main">
    	    		<div class="ziti">
    	    			©2015 Yooli.com | 北京弘合柏基金融信息服务有限责任公司 版权所有 | 京ICP备140029号 电话 010-60645129 <a href="#">联系我们</a>
    	    	    </div>
    	    	</div>
    	    </div>

    	     <!-- 底部 -->
        </div>
       <!-- 页面外围 --> 
    </body>
</head>

